<script setup lang="ts" >
import {ref} from "vue"
import {ElInput} from "element-plus"

const {value:v = ''} = defineProps<{value:string|undefined|null}>()
const emits = defineEmits<{change:[string]}>()

const value = ref(v)

</script>

<template>
<el-input v-model="value" type="textarea" resize="none" :autosize="{minRows:10,maxRows:20}" @change="v => emits('change',v)" ></el-input>
</template>

<style>
.el-textarea{
    width:50vw;
   .el-textarea__inner{
    scrollbar-width: thin;
   } 
}
</style>